<div class="page icons js_show">
    <div class="page__hd">
        <h1 class="page__title">Icons</h1>
        <p class="page__desc">图标</p>
        <a class="code_link" ng-click="showCode=!showCode">{{ showCode ? 'Hide Code' : 'Show Code' }}</a>
    </div>
    <div class="page__bd page__bd_spacing">
        <div class="icon-box">
            <weui-icon icon="success" class="weui-icon_msg"></weui-icon>
            <div class="icon-box__ctn">
                <h3 class="icon-box__title">成功</h3>
                <p class="icon-box__desc">用于表示操作顺利达成</p>
            </div>
        </div>
        <div class="icon-box">
            <weui-icon icon="info" class="weui-icon_msg"></weui-icon>
            <div class="icon-box__ctn">
                <h3 class="icon-box__title">提示</h3>
                <p class="icon-box__desc">用于表示信息提示；也常用于缺乏条件的操作拦截，提示用户所需信息</p>
            </div>
        </div>
        <div class="icon-box">
            <weui-icon icon="warn" class="weui-icon_msg-primary"></weui-icon>
            <div class="icon-box__ctn">
                <h3 class="icon-box__title">普通警告</h3>
                <p class="icon-box__desc">用于表示操作后将引起一定后果的情况</p>
            </div>
        </div>
        <div class="icon-box">
            <weui-icon icon="warn" class="weui-icon_msg"></weui-icon>
            <div class="icon-box__ctn">
                <h3 class="icon-box__title">强烈警告</h3>
                <p class="icon-box__desc">用于表示操作后将引起严重的不可挽回的后果的情况</p>
            </div>
        </div>
        <div class="icon-box">
            <weui-icon icon="waiting" class="weui-icon_msg"></weui-icon>
            <div class="icon-box__ctn">
                <h3 class="icon-box__title">等待</h3>
                <p class="icon-box__desc">用于表示等待</p>
            </div>
        </div>
        <div class="icon_sp_area">
            <weui-icon icon="success"></weui-icon>
            <weui-icon icon="success-no-circle"></weui-icon>
            <weui-icon icon="circle"></weui-icon>
            <weui-icon icon="warn"></weui-icon>
            <weui-icon icon="download"></weui-icon>
            <weui-icon icon="info-circle"></weui-icon>
            <weui-icon icon="cancel"></weui-icon>
            <weui-icon icon="search"></weui-icon>
        </div>
    </div>
    <div class="page__bd" style="padding: 0;">
        <blockquote ng-if="showCode">HTML</blockquote>
        <div hljs ng-if="showCode">
<weui-icon icon="success"></weui-icon>
<weui-icon icon="success-no-circle"></weui-icon>
<weui-icon icon="circle"></weui-icon>
<weui-icon icon="warn"></weui-icon>
<weui-icon icon="download"></weui-icon>
<weui-icon icon="info-circle"></weui-icon>
<weui-icon icon="cancel"></weui-icon>
<weui-icon icon="search"></weui-icon>
        </div>
    </div>
    <div class="page__ft">
        <a href="javascript:home()"><img src="images/icon_footer_link.png"></a>
    </div>
</div>